<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课后作业-基础版</title>
</head>

<link rel="stylesheet" href="style.css">

<body>
    <div class="container">
        <header>
            <h1>角落故事</h1>
        </header>

        <article>
            <div class="one">
                <section>
                    <img class="ab" src="一把剪刀.jpg" alt="">
                    <h1>一把剪刀</h1>
                </section>
            </div>
            <div class="two">
                <section>
                    <img class="cd" src="缝纫机.jpg" alt="">
                    <h1>一台缝纫机</h1>
                </section>
            </div>
            <div class="three">
                <section>
                    <img class="ef" src="甜水面.jpeg" alt="">
                    <h1>一碗甜水面</h1>
                </section>
            </div>
            <div class="four">
                <section>
                    <img class="gh" src="机床.jpg" alt="">
                    <h1>一台机床</h1>
                </section>
            </div>
        </article>

    </div>
</body>

</html>